<template>
  <div>
    <!-- 头部 -->
    <p-head></p-head>
    <!-- 横通 -->
    <div class="tips">
      <img src="../../img/casetips.jpg" alt="" />
      <div class="tips_title">
        <h1>关于</h1>
        <h2>ABOUT</h2>
      </div>
    </div>
    <div class="case_conent">
      <div class="case_conent_img">
        <img src="../../img/casebg.png" alt="" />
      </div>
      
      <h3 class="case_conent_title">Company Profile</h3>
      <p class="intro">公司简介</p>
      <div class="case_test">
        <h4 class="case_test_title">简约不只是风格，更是生活态度</h4>
        <p>
          我们拥有丰富的开发经验、良好的企业及电子商务解决方案。根据企业主营业务和开发建设目的，分析并确定包括形象定位、功能定位、信息结构设计、栏目设计、页面总量等内容，为客户量身定制完整的建设方案，提供简单、方便、安全、使用的应用软件产品和解决方案，帮助客户实现低成本、低风险、快起步、高效率的信息化目标。
        </p>
        <p>
          我们拥有一支由资深编程从业人士组成的精英队伍，集策划、开发、设计、管理、优化、推广等全方位专业化运作于一体，具有承接各种规模与类型的电子商务平台建设项目能力。本着“用心服务，让客户获得更大利益”的企业理念，为客户提供实惠满意的产品，使其在众多竞争对手中脱颖而出。
        </p>
        <p>
          盈锋科技一如既往的以真诚的服务、友善的心态，欢迎每一位客户光临指导，让我们在“大众创业、万众创新”的伟大改革洪流中，齐心协力，互惠共赢，走出一条与众不同的IT之路，携手共创美好未来！
        </p>
      </div>

    </div>
    <!-- 底部 -->
    <p-foot></p-foot>
  </div>
</template>
<script>
import PHead from "../../components/pHead.vue";
import {} from "../../http/api";
export default {
  components: { PHead},
  props: [],
  data() {
    return {};
  },
  methods: {},
  mounted() {},
  computed: {},
  watch: {},
};
</script>
<style scoped lang="less">
@import "../../less/index.less";
@import "../../assets/css/reset.css";
.case_conent {
    position: relative;
  margin-top: 90px;
  position: relative;
  width: 100%;
  margin-bottom: 120px;
  box-sizing: border-box;
  padding-left: 5%;
}
.case_conent .case_conent_img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 70%;
  height: 230px;
  overflow: hidden;
}
.case_conent_img  img{
  width: 100%;
  height: 100%;
  
}
.case_conent_title {
  font: 50px/70px "微软雅黑";
  font-weight: bold;
}
.case_conent .intro {
  font-size: 24px;
  margin-bottom: 60px;
}
.case_test{
    border-left: 2px solid black;
  box-sizing: border-box;
  padding-left: 5%;
}
.case_test .case_test_title{
    font-size: 40px;
    font-family: "微软雅黑";
    font-weight: normal;
}
.case_test p{
    font: 14px/21px "微软雅黑";
    color: #666666;
    margin-top: 20px;
    margin-bottom: 20px;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInLeft2 {
  from {
    opacity: 0;
    transform: translate3d(100%,0,0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
/*添加动画*/
.case_conent ,.tips_title{
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
}
.tips_title{
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeInLeft2;
}

@media screen and (max-width: 600px) {
 .case_conent_img  img{
  height: 60%;
}
.case_test{
  padding-right: 3%;
}
.case_test p{
  font-size: 15px;
}
}
</style>